<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact Us</title>
<link rel="stylesheet" href="../../style.css" media="screen" />
<link rel="stylesheet" href="../../css/webboard.css" media="screen" />
<link rel="stylesheet" href="../../scripts/scrollbar/scrollbar.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="../../scripts/jquery.validate/validate.css" media="screen" />
<script type="text/javascript" src="../../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../../scripts/scrollbar/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript" src="../../scripts/common.js"></script>
<script type="text/javascript" src="../../scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../scripts/cufon/cufon-yui.js"></script>
<script type="text/javascript" src="../../scripts/cufon/PSL_Kittithada_Pro___700.font.js"></script>
<script type="text/javascript">
	Cufon.replace('h2,div.new-topic label:first-child');
	
$(function(){
	$("#addtopic").bind('click',function(){
		$("#new-topic").animate({'top' : '60%','opacity' : 1},'fast');
		return false;
	});
	$("#new-topic .cancel").bind('click',function(){
		$("#new-topic").animate({'top' : '80%','opacity' : 0},'fast');
		return false;
	});
});
</script>
</head>
<body id="webboard">

<!--$header_html-->

<div id="wrap-container" class="bg-type1">
  <div class="webboard-bg"></div>
  <div class="content">
    <div id="new-topic" class="new-topic" style="top:80%; opacity:0;">
    <!--SiXhEaD:post-->
      <form action="/webboard/post/" method="post"  id="fpost">
        <ul>
          <li>
            <label>หัวข้อ</label>
            <input type="text" name="title" />
            
          </li>
          <li>
            <label>รายละเอียด</label>
            <textarea name="detail"></textarea>
             
          </li>
          <li>
            <input type="submit" name="submit" class="submit" />
            <input type="button"  class="cancel" value="cancel" s/>
          </li>
        </ul>
      </form>
      <!--/SiXhEaD:post-->
      <!--SiXhEaD:login-->
      	กรุณา login
        <a href="#" class="cancel">Close</a>
      <!--/SiXhEaD:login-->
    </div>
    <h2>Webboard</h2>
    <ul class="title">
      <li class="new-topic"><a id="addtopic" href="/webboard/post/">สร้างหัวข้อใหม่</a></li>
      <li class="topic">หัวข้อ</li>
      <li class="date">วันที่ลงประกาศ</li>
      <li class="views">ดู / ตอบ</li>
    </ul>
    <div class="webboard-list">
      <ul>
        <!--SiXhEaD:webboard-->
        <li>
          <p class="topic"><a href="/webboard/topic/$w_topic_id">$w_title</a></p>
          <p class="date">$w_date</p>
          <p class="views">$w_view / $w_reply</p>
        </li>
        <!--/SiXhEaD:webboard-->
      </ul>
    </div>
  </div>
</div>

<!--$footer_html-->

</body>
</html>
